<template>
  <div class='list'>
    <ul>
      <li v-for="(item, index) in listData" :key="index">
        <p class="switch-box">
          <img class="logo" :src="item.wx_pic" alt="">
          <span v-if="search.state!=1"><van-switch v-model="item.isPassed" active-color="#00998d" /><span class="pr">{{item.isPassed?"通过":"不通过"}}</span></span>
          <span v-else class="fr color-green pr">通过</span>
        </p>
        <p class="clearB"><span class="name pr">{{item.name}}</span></p>
        <p class="clearB"><span>班级：{{item.class}}</span><span class="fr">学号：{{item.number}}</span></p>
        <p class="clearB"><span>性别：{{item.sex||"暂无"}}</span><span class="fr">出生日期: {{item.birth||"暂无"}}</span></p>
        <p class="clearB"><span>政治面貌: {{item.status||"暂无"}}</span><span class="fr">宿舍楼栋: {{item.dormitory||"暂无"}}</span></p>
        <p class="clearB"><span>宿舍: {{item.room||"暂无"}}</span><span class="fr">手机号: {{item.phone||"暂无"}}</span></p>
        <p class="clearB"><span>微信号: {{item.wechat||"暂无"}}</span><span class="fr">邮箱: {{item.email||"暂无"}}</span></p>
        <p class="clearB"><span>家庭详细地址: {{item.address||"暂无"}}</span></p>
        <p class="clearB"><span>父亲姓名: {{item.pater_name||"暂无"}}</span><span class="fr">父亲联系电话: {{item.pater_phone||"暂无"}}</span></p>
        <p class="clearB"><span>母亲姓名: {{item.mother_name||"暂无"}}</span><span class="fr">母亲联系电话: {{item.mother_phone||"暂无"}}</span></p>
        <p class="clearB"><span>常用亲属姓名: {{item.relation_name||"暂无"}}</span></p>
        <p class="clearB"><span>常用亲属关系: {{item.relation||"暂无"}}</span></p>
        <p class="clearB"><span>常用亲属电话: {{item.relation_phone||"暂无"}}</span></p>
      </li>
    </ul>
    <p class="no-data" v-show="listData.length==0">暂时没有数据</p>
  </div>
</template>
<script>
export default {
  props:['search','listData','routerDetail'],
  components: {},
  name: "",
  data() {
    return {};
  },
  methods: {},
  created() {}
};
</script>
<style lang="scss" scoped>
@import "./scss/list.scss";
</style>